<template>
  <div class="rel">
     <div id="" class="schoolForm f mb20" style="gap:0 20px;">
      <div class="f1">
        <LabelRender required label="姓名" desc="学生的姓名"></LabelRender>
        <el-input v-label="'姓名：'" v-model="formObj.name" v-max="5" v-required placeholder="请输入学生的姓名" />
      </div>
      <div class="f1">
        <LabelRender required label="年龄" desc="学生的年龄"></LabelRender>
        <el-input v-label="'年龄：'" v-model="formObj.age" v-custom="e => {if(e > 10) { return ['不得超过10'] }}"  v-int v-required placeholder="请输入学生的年龄" />
      </div>
    </div>
    <div class="f mb20">
      <ButtonRender @click="clickMe" type="primary" className="mr20" view="3d" width="60px" height="32px" radius="8px" :autoLoading="true" :disabled="false">保存</ButtonRender>
      <ButtonRender @click="reset" type="error" className="" view="3d" width="60px" height="32px" radius="8px" :autoLoading="true" :disabled="false">重置</ButtonRender>
    </div>
  </div>
</template>
<script>
import f from "./index.js"
export default {
  name: 'home',
  components: {
  },
  props: {
  },
  emits: [],
  setup(props, { emit }) {
    return f(props, emit)
  }
}
</script>
<style src="./index.css">
</style>